/***********总容器***********/
.upper{
    width: 100%;
    height:200vw;
    background-color:#f4f3f8;
}
/***********header部分***********/
.upper .header{
    width:100%;
    height:12vw;
    background-color: #3362a6;

    display: flex;
    align-items: center;
}
.upper .header p{
    font-size: 4vw;
    color: #eff0f4;
    flex:1;
    user-select: none;/*让文本选中状态无效*/
    cursor: pointer;
    margin-left: 2vw;
}
.upper .header h1{
    font-size: 4vw;
    color: white;
    font-weight: 700;
    flex:1.75;
}
/***********车辆信息部分***********/
.upper .car-info{
    box-sizing: border-box;
    padding: 3vw;
    border-radius: 10px;
}
.upper .car-info .car-info-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 3vw;
}
.upper .car-info .car-info-main .car-info-main1{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.upper .car-info .car-info-main .car-info-main1 img{
    width:20vw;
    height:20vw;
}
.upper .car-info .car-info-main .car-info-main1 .car-info-main-mess{
    display: flex;
    flex-direction: column;
}
.upper .car-info .car-info-main .car-info-main1 .car-info-main-mess h3{
    margin-left: 2vw;
    margin-bottom: 2vw;
    font-size: 4vw;
}
.upper .car-info .car-info-main .car-info-main1 .car-info-main-mess p{
    margin-left: 2vw;
    font-size: 3vw;
    color: #666;
}
.upper .car-info .car-info-main .fa-qrcode{
    font-size:6vw;
    color: cornflowerblue;
}
.upper .car-info .line{
    width: 100%;
    height:0.2vw;
    background-color: #eeeeee;
}
.upper .car-info .no-detailed{
    background-color: white;
}
.upper .car-info .no-detailed .mess{
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 4vw;
}
.upper .car-info .no-detailed .mess h3{
    font-size: 4vw;
    font-weight: 500;
}
.upper .car-info .no-detailed .mess .style{
    width:10vw;
    height:5vw;
    background-color: #cff0df;
}
.upper .car-info .no-detailed .mess .style p{
    font-size: 3vw;
    color: #07f035;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.upper .car-info .no-detailed .mess1 .fa-angle-down{
    font-size: 4vw;
    color: #888;
    margin-left: 45vw;
    user-select: none;
    cursor: pointer;
}
.upper .car-info  ul{
    background-color: white;
}
.upper .car-info  ul li{
    box-sizing: border-box;
    padding: 1.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.upper .car-info  ul li h3{
    font-size: 4vw;
    font-weight: 500;
    margin: 3vw;
}
.upper .car-info  ul li p{
    font-size: 4vw;
    font-weight: 500;
    margin: 3vw;
}
.upper .car-info  ul li p .fa-pencil{
    color: #3362a6;
    margin-left: 2vw;
}
.upper .car-info  ul .arrow{
    font-size: 4vw;
    color: #888888;
    margin-left: 45vw;
    user-select: none;
    cursor: pointer;
}
.upper .car-info  .supplement{
    display: flex;
    flex-direction: row;
}
.upper .car-info  .supplement p:first-child{
    font-size: 3vw;
    color: #999999;
    margin-top:5vw;
    margin-left: 20vw;
}
.upper .car-info  .supplement p:last-child{
    color: cornflowerblue;
    text-decoration: underline;
    margin-top: 5vw;
    font-size: 3vw;
}
/***********底部***********/
.upper .bottom{
    width:100%;
    height:10vw;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3362a6;
}
.upper .bottom p{
    font-size: 5vw;
    font-weight: 500;
    color: white;
}